<div id="form_leave">
	<div class="pc-nav form-nav">
		<button @click="back(-1)"><i class="icon iconfont">&#xe62b;</i></button>
		<span>请假</span>
	</div>
	<ul class="approval-form-wrap">
		<li>
			<em class="left"><span style="color: red;">*</span>请假类型</em>
			<i class="right">
				<select name="" v-model="submitJson.component[0].value">
					<option value="" selected="selected">
						请选择(必填)
					</option>
					<option value="事假">
						事假
					</option>
					<option value="病假">
						病假
					</option>
					<option value="年假">
						年假
					</option>
					<option value="带薪假">
						带薪假
					</option>
					<option value="调休">
						调休
					</option>
					<option value="婚假">
						婚假
					</option>
					<option value="产假">
						产假
					</option>
					<option value="陪产假">
						陪产假
					</option>
					<option value="路途假">
						路途假
					</option>
					<option value="其他">
						其他
					</option>
					<option value="产检">
						产检
					</option>
					<option value="丧假">
						丧假
					</option>
				</select>
			</i>
		</li>
		<li v-if="subFlag && /^\s*$/g.test(submitJson.component[0].value)">
			<em class="left"></em>
			<i class="right">
				<p style="color: red;" data-false='true'>请假类型不能为空</p>
			</i>
		</li>
		<li>
			<em class="left"><span style="color: red;">*</span>开始时间</em>
			<i class="icon  right">
				<span class="datepicker">
					<vue-datepicker-local v-model="submitJson.component[1].value" ></vue-datepicker-local>
				</span>
			</i>
		</li>
		<li>
			<em class="left"><span style="color: red;">*</span>结束时间</em>
			<i class="icon  right">
				<span class="datepicker">
					<vue-datepicker-local v-model="submitJson.component[2].value"></vue-datepicker-local>
				</span>
			</i>
		</li>
		<li v-if="subFlag &&(/^\s*$/g.test(submitJson.component[1].value) || /^\s*$/g.test(submitJson.component[2].value))">
			<em class="left"></em>
			<i class="right">
				<p style="color: red;" data-false='true'>开始时间或结束时间不能为空</p>
			</i>
		</li>
		<li>
			<em class="left"><span style="color: red;">*</span>请假天数</em>
			<i class="right">
				<input  type="number" v-model="submitJson.component[3].value" placeholder="请输入请假天数(必填)" />
			</i>
		</li>
		<li v-if="subFlag && /^\s*$/g.test(submitJson.component[3].value)">
			<em class="left"></em>
			<i class="right">
				<p style="color: red;" data-false='true'>请假天数不能为空且不能超过20位</p>
			</i>
		</li>
		<li>
			<em class="left"><span style="color: red;">*</span>请假事由</em>
			<i class="right">
				<textarea name="" rows="" cols="" v-model="submitJson.component[4].value" placeholder="请输入请假事由(必填)"></textarea>
			</i>
		</li>
		<li v-if="subFlag && /^\s*$/g.test(submitJson.component[4].value)">
			<em class="left"></em>
			<i class="right">
				<p style="color: red;" data-false='true'>请假事由不能为空</p>
			</i>
		</li>
		<li>
			<em class="left">附件</em>
			<i class="right">
				<upload_tpl message="img" name="附件" v-on:getfile="getFilefn"></upload_tpl>
			</i>
		</li>
		<li>
			<em class="left"></em>
			<i class="right">
						审批人的选择说明：<br />
						第一个 选择 你的主管<br />
						第二个 选择你的部门长<br />
						第三个 选择向兰<br />
						（年假、婚假、产假选张楚媛）<br />
						（杭州员工抄送给刘洋和孙维丽）
			</i>
		</li>
		<li>
			<em class="left">审批人</em>
			<i class="right">
				<dingding_users  v-on:getdingdinguser="getApproveUsers" message="approve" :approve_list="approve_list" :cc_list="cc_list" ></dingding_users>
			</i>
		</li>
		<li>
			<em class="left">抄送人</em>
			<i class="right">
				  <dingding_users v-on:getdingdinguser="getCopyUsers" :approve_list="approve_list" :cc_list="cc_list" message="cc"></dingding_users>
			</i>
		</li>
		<li>
			<em class="left"></em>
			<i class="right">
				  <span v-if="subFlag"></span>
				 <button class="submit-foot" @click="submitFn">提交</button>
			</i>
		</li>
	</ul>
		
</div>
